<!--
 * @Author: 徐汉卿 xuhanqing@imohoo.com
 * @Date: 2023-07-18 10:07:17
 * @LastEditors: 徐汉卿 xuhanqing@imohoo.com
 * @LastEditTime: 2023-07-21 10:48:42
 * @FilePath: /sy-app2/src/pages/todo/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <view class="page">
<!-- {{ data }} -->
    <nut-empty description="无数据" v-if="data.length === 0"></nut-empty>

       <view v-for="item in data" class="item">
    
  
    <nut-cell class="continer">
     <view >

 <view>{{ item.title }}</view>
    <!-- <text class="extra">{{ item.extra }}</text>
     -->
     <nut-tag class="extra" plain>{{ item.extra }}</nut-tag>
    <view>{{ item.description }}</view>
    <view class="time">{{ item.datetime }}</view>

     </view>
    </nut-cell>

    </view>
  </view>
</template>

<script setup>

import {} from 'vue';
import {noticeStore} from '@/store/notice';

let data = noticeStore().data

let data2 = [{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要230705-000001 尚未发布，需要处230705-000001 尚未发布，需要处处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },{
                "id":"Todo_212",
                "avatar":"",
                "title":"案件需要发布",
                "description":"案件 V-20230705-000001 尚未发布，需要处理。",
                "datetime":"2023-07-05T00:00:00",
                "extra":"待发布",
                "color":"",
                "type":"3",
                "toUrl":"/XTRF_Project/XTRF_Case_CaseList",
                "itemId":"V-20230705-000001"
            },]


</script>

<style lang="scss">
.page {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
//   background-color: blue;

}
.item{
    padding: 10px;
    width: 95%;

    .extra{

        margin-top: 15px;
        margin-bottom: 15px;

        // font-size: 30px;
    }
    .time{
        color: #999;
    }


    .continer{
        // background-color: red;
        // width:calc(100%);
    }
}

</style>